<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购物车</title>
    <link rel="stylesheet" href="/css/buycar.css">
</head>
<body>
<!-- 顶部 -->
        <header></header>
<!-- 购物车部分 -->
<div class="public-top">
    <div class="line">

    </div>
        <ul class="list-unstyle ">
            <li class="con-progress-step-1">
                <a href="javascript:void(0)">我的购物车</a>
                <i></i>
            </li>
            <li class="con-progress-step-2">
                <a href="javascript:void(0)">填写订单信息</a>
                <i></i>
            </li>
            <li class="con-progress-step-3">
                <a href="javascript:void(0)">成功提交订单</a>
                <i></i>
            </li>
        </ul>
</div>
<div class="noshoes">
    <div class="content">
        <h3>您的购物车还是空的</h3>
        <div class="shop-btn"><a href="/index.html">马上去购物</a></div>
    </div>

</div>
<div class="contener" id='shopCar-list'>
    
    </div>
    <script type="text/html" id="shopCar-list-template">
         <div class="content"> 
            <div class="topbox">
                    <p>您的购物车:<span>1</span>件商品</p>
            </div>
           <div class="checkAll" id='checkAll'>
               <input type="checkbox" id="checkBox">
               <span>全选</span>
               <span id="check-goods">您已选中<span></span>件商品</span>
           </div>
           <div class="line1"></div>
           {{each shoes item}}
       <div class="shopCar-list" data-id="{{item.id}}">
        <div class="change">
            <input type="checkbox" class="changeBox" {{item.check? 'checked' : ''}}/>
           <ul class="todo">
               <li><i></i> <a href=""><span>编辑</span></a></li>
               <li class="delete"><i></i> <a href="javascript:;"><span>删除</span></a></li>
            </ul>
           
        </div>
        <div class="goods-box">
            <div class="goods-img">
                <a href="./information.html?id={{item.id}}">
                    <img src="{{item.img[0]}}" alt="">
                </a>
            </div>
            <div class="goods-detal">
                <h4><a>{{item.name}}</a></h4>
                <p>型号：{{item.number}}</p>
                <p>单价：￥{{item.price}}</p>
                <p>尺码：42.5</p>
            </div>
            <div class="goods-price">
                    
                    <p>¥{{(item.price*item.count).toFixed(2)}}</p>
                    <div class="shopcart-qty "> 
                            <label>数量</label>
                          <span class='little'>-</span> <input type="text" class='shuliang' value="{{item.count}}"/><span class='more'>+</span>
                            <p>库存仅剩999件</p>
                    </div>
            </div>
           
        </div>
        <div class="line1"></div>
       
    </div>  
    {{/each}}
   
    
    
 </div>
 <div class="pay">
    <div class="content">
            
          <div class="left">
              <div class="help">
                  <h3>需要帮助吗？</h3>
                  <ul>
                      <li> 如何确保订单安全</li>
                      <li>我可以使用什么付款方式？</li>
                      <li>如何进行退换货？</li>
                      <li>更多帮助</li>
                  </ul>

              </div>
              <div class="goon">
                  继续购物

              </div>
          </div>
          <div class="right">
              <div>
                    <div class="tit">商品原价：</div>
                    <div class="info">¥ 599.00</div>
              </div>
              <div>
                    <div class="tit">店铺活动：</div>
                    <div class="info2">¥0.00</div>
              </div>
              <div>
                    <div class="tit3">商品总价：</div>
                    <div class="info3"> ¥ 599.00</div>
              </div>
              <div>
                  <p>*不含运费及优惠卷折扣</p>
                  <p style="color:red">*以会员身份结算可享受免配送服务</p>
              </div>
              <div class="accounts">
                  结算
              </div>

          </div>
    </div>
</div> 

</div>
    </script>

<!-- //结尾 -->
<footer></footer>
<script src="/libs/requirejs/require.min.js" data-main="/js/buycar"></script>

</body>
</html>